img {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
} 


ul {margin:0px; padding:0px; 
} 

p {margin:0px; padding:0px; } 


a:visited{
	color: #950dde
}

h6 {
	margin:0px; 
	padding:0px; 
	font-style: italic;
	color: #616161;
	text-align: center;
	font-size: 20px;
	} 

h5 {
	margin: 0px;
	padding: 0px;
	font-size: 24px;
	font-style: italic;
	text-align: center;
	color: #464646;
	line-height: 47px;
} 

h4 {
	margin: 0px; 
	padding: 0px; 
	color: #2c2c2c;
} 

h3 {margin:0px; padding:0px; } 

h2 {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
} 

h1 {margin:0px; padding:0px; } 



div {margin:0px; padding:0px; } 


.body {margin:0px; padding:0px; } 

body {
	font-family: Calibri, Helvetica, sans-serif;
	/* background: #004379; */
	font-size: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

 } 
 
#skipnav {
	display:none;			
}

.container {
	width: 940px;
	margin: 0 auto;
	background: #ffffff;
	zoom: 0;
}
.containerToolkit {
	width: 940px;
	margin: 0 auto;
	background: #00004379;
	zoom: 0;
}


#banner{    
    height: 300px;   
    width: 960px;   
    margin-left:10px;
     
}  

#logo {
	position:absolute;
	z-index:2;
	float:right;
	margin-left:714px;
}
/*
#nav {
	position:;
	width: 940px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-top: thin black solid;
	border-bottom: thin black solid;
	border-left: none;
	border-right: none;
	z-index: 1;
	background: #ffffff;
	left: 0px;
}
*/
/*#contactbutton {
	position:absolute;
	z-index:1;
	padding:5px; 
	margin-top:255px;
	margin-left:800px;
	background:white;
} */



#socialmedia {
	z-index:1;
	padding-top:0px;
	margin-top:259px;
	margin-left:715px;
	float:right;
	position:absolute;		
}

.pageicon {
	float:left;	
	padding-top: 5px;
	padding-right:10px;		
}
/*
#pagetitle {
	padding-top: 0px;
	padding-bottom: 0px;
	width: auto;
}

#pagetitle h3 {
	padding-top: 10px;	
	font-size: 32px;
    color: #015878;	
    }
*/
#pagetitle {
	padding-top: 0px;
	padding-bottom: 0px;
	width: auto;
	background: none;
}

#pagetitle h3 {
	padding-top: 0px;	
	font-size: 32px;
    color: #ffffff;	
}


#fontsize {
	float: left;
	position: absolute;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	color: #FFFFFF;
}

#search {
	float: left;
	position: absolute;
	text-align: center;
	padding-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	right: 0px;
}


#mainpagecontent {
	float: left;
	width: 530px;
	height: 100%;
	padding-left: 10px;
	padding-right: 10px;
	background-color: white;
	padding-bottom: 1px;
}

#mainpagecontent h1 {
    font-size: 16px;
    font-weight: bold;
    color: #0066CC;
}

#mainpagecontent h5 {
    font-size: 20px;
    font-weight: bold;
    color: #0066CC;
}

#mainpagecontent h2 {
    color: #444444;
    font-weight: bold;
    text-decoration: underline;
}

#mainpagecontent h3 {
    font-size: 30px;
    color: #444444;
}
#mainpagecontent h4 {
    font-size: 18px;
    color: #444444;
    font-weight: bold;
}

#mainpagecontent p {
	font-size: 18px;
	color: #000000;
	padding-top: 1px;
	padding-bottom: 10px;
	text-align: justify
}
#mainpagecontent small {
    font-size: 12px;
    color: #373737;
}
#mainpagecontent a {
    text-decoration: none;
}

#mainpagecontent ul {
	padding-top:10px;
	padding-left: 40px;
	padding-bottom:10px;
	line-height:150%;
	font-size: 16px;
	text-decoration: none;
/*		list-style-image: url('../images/sun-bullet.gif');   */
		list-style-image: url('../images/TealBullet.png');  


}

#mainpagecontent img {
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
}


#content2 {
	float: none;
	/* width:558px; */
	height: 100%;
	padding-left: 30px;
	padding-right: 30px;
	background-color: white;
	padding-bottom: 5px;
	padding-top: 1px;
	font-size: 18px;
	line-height: 24px;


}

#content {
	float: none;
	/* width:558px; */
	height: 100%;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	background-color: white;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 18px;


}

#contentToolkit {
	width:900px; 
	height: 90%;
	text-align: left;
	vertical-align:top;
	padding-left: 25px;
	margin-left: 20px;
	padding-right: 25px;
	background-color: white;
	padding-bottom: 15px;
	padding-top: 0px;
	font-size: 18px;


}
#contentToolkit h1 {
    font-size: 16px;
    font-weight: bold;
    color: #444444;
}

#contentToolkit h5 {
    font-size: 20px;
    font-weight: bold;
    color: #444444;
}

#contentToolkit h2 {
	color: #444444;
	font-weight: bold;
	text-decoration: none;
}

#contentToolkit h3 {
    font-size: 30px;
    color: #444444;
}
#contentToolkit h4 {
	font-size: 20px;
	color: #444444;
	font-weight: bold;
}

#contentToolkit p {
	font-size: 18px;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: left;

}
#contentToolkit small {
    font-size: 12px;
    color: #373737;
}
#contentToolkit a {
	font-weight: ;
    text-decoration: none;

}

#contentToolkit ul {
	padding-top: 10px;
	padding-left: 40px;
	padding-bottom: 10px;
	line-height: 124%;
	font-size: 18px;
/*		list-style-image: url('../images/sun-bullet.gif');   */
		list-style-image: url('../images/TealBullet.png');  


}

#contentToolkit img {
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
}
.ToolkitBox {
	background-color: #7476ad;
	padding: 1em;
	color:white;
	
	}
.ToolkitBox2 {
	background-color: #e5e6e7;
	padding: 1em;
	
	}



table thead tr {
	border: thin inset
!important;
}
tableborder {
	border: thin inset;
}

#content h1 {
    font-size: 16px;
    font-weight: bold;
    color: #444444;
}

#content h5 {
	font-size: 20px;
	font-weight: bold;
	color: #444444;
	text-align: left;
}

#content h2 {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

#content h3 {
    font-size: 30px;
    color: #444444;
}
#content h4 {
	font-size: 20px;
	color: #363636;
	font-weight: bold;
}

#content p {
	font-size: 18px;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: left;

}
#content small {
    font-size: 12px;
    color: #373737;
}
#content a {
	font-weight: ;
	text-decoration: none;
}

#content ul {
	padding-top: 10px;
	padding-left: 40px;
	padding-bottom: 10px;
	line-height: 124%;
	font-size: 18px;
/*		list-style-image: url('../images/sun-bullet.gif');   */
		list-style-image: url('../images/TealBullet.png');  


}

#content img {
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
}


#sidebar {
	float: right;
	font-family:Arial;
	margin-top: 1px;
	padding-right: 0px;
	margin-left: 15px;
	background: #B9E1D7;
	border-style:solid;
	border-color:#B9E1D7;
	border-width:thick;

}

#sidebarnarrow {
	float: right;
	padding-top: 4px;
	padding-right: 0px;
	padding-left: 10px;
	margin-left:5px;
	width: 200px;
	background: white;
}
#quicknavsidebar {
	float: right;
	padding-top: 4px;
	padding-right: 5px;
	padding-left: 5px;
	margin-left:5px;
	width: 200px;
	background: white;
	border-style:solid;
	border-color:#B2CAC7;
	border-width:thick;
    font-size: 12px;
/*		list-style-image: url('../images/sun-bullet.gif');   */
		list-style-image: url('../images/TealBullet.png');  


}

#sidebarmore {
	float: right;
	padding-top: 4px;
	padding-right: 10px;
	padding-left: 10px;
	width: 280px;
	background: #cccccc;
    font-size: 12px;
/*		list-style-image: url('../images/sun-bullet.gif');   */
		list-style-image: url('../images/TealBullet.png');  

}

#mainpagecontentwide {
	float: left;
	width: 700px;
	height: 100%;
	padding-right: 10px;
	background-color: white;
	padding-bottom: 10px;
}
#icon p {
	
	height:42px;
	float:left;
	background:#FFCC99;
}
#imageborder {
	padding: 3px;
	border-style: outset;
	border-color: #D7D7D7;
}

#bluebox {
	background-color: #dde2ee;
	width: 85%;
	border: 1px #2b3755 solid;
	border-radius: 10px;
	margin: 5px 10px 10px 5px;
	padding:10px 10px 10px 10px;
	border-spacing: 10px;
	word-spacing: 3px;
	line-height: 28px;
	}


.aquabox {
	background-color: #c6f5ff;
	width: 55%;
	border: 1px dashed red;
	border-radius: 5px;
	margin: 5px 10px 10px 5px;
	padding: 10px;
	border-spacing: 10px;
	word-spacing: 2px;
	line-height: 22px;
	}

#butterbox {
	background-color:  #ffffb3;
	width: 85%;
	border: 1px #002480 solid;
	border-radius: 10px;
	margin: 5px 10px 10px 5px;
	padding:10px 10px 10px 10px;
	border-spacing: 10px;
	word-spacing: 2px;
	line-height: 30px;
	}


#news {
	border: 1px #c9c9c9 solid;
	background: #FFFAF5;
	margin-top: 0px;

}


#news h4 {
	font-size:22px;
	padding-top:10px;
	padding-left: 0px;
	padding-bottom:10px;
	border-bottom:1px #c9c9c9 solid;
	float:none;
	background:#FFCC99;
	

}

#news p {
    font-size: 14px;
    color: #000000;
    padding-top: 2.5px;
    padding-bottom: 2.5px;
    padding-left:10px;
    padding-right:10px;
    
}

#news small {
    font-size: 10px;
    color: #373737;
    }
    
#news_btm {
	background:#FFCC99;			
}
    
    

/* Twitter Feed */

#twitterfeed {
margin-top:5px;
width:345px;
height: 30px;
font-size:18px;
font-family:Arial;
}


#graybox {
	width: 95%;
	border: 1px #B1B4B5 solid;
	border-spacing: 10px;
/*	line-height: 25px;					*/
	padding:10px 15px 10px 15px;
	list-style-image: url('../images/TealBullet.png');  

	}
	#topbox {
		width: 95%;
		border-spacing: 10px;
		line-height: 25px;					
		padding:10px 15px 10px 15px;
			list-style-image: url('../images/TealBullet.png');  
	
		}
	
#YellowBox {
	width: 98%;
	background: #F1EB9C;
	padding:10px 10px 10px 10px;
	font-size: 24px;
	text-align: center;
	line-height: 45px;
	color: inherit;
	text-decoration: none;
	}
	
#YellowBox a:link {
	color: inherit;
	text-decoration: none;
	}
	
#YellowBox a:visited {
	color: inherit;
	text-decoration: none;
	}
	
#YellowBox a:hover {
	color: inherit;
	text-decoration:underline;
	}
	
	#YellowBox2 {
		width: 98%;
		background: #F1EB9C;
		padding:7px;
		font-size: 20px;
		text-align: center;
		line-height: 30px;
		color: inherit;
		text-decoration: none;
		}
		
	#YellowBox2 a:link {
		color: inherit;
		text-decoration: none;
		}
		
	#YellowBox2 a:visited {
		color: inherit;
		text-decoration: none;
		}
		
	#YellowBox2 a:hover {
		color: inherit;
		text-decoration:underline;
		}
		



/*  Dashed aqua horizontal line  */

#lineblue {
	width: 100%;
	border-bottom: 2px #05BCD9 dashed;
	border-spacing: 10px;
	line-height: 35px;
	font-size:30px;
	color: #444444;
	font-weight: bold;
	text-decoration: none;

	}
	
/*  Dashed navy horizontal line  */

#linenavy {
	width: 97%;
	border-bottom: 3px #0E3267 dashed;
	border-spacing: 10px;
	line-height: 30px;
	font-size:24px;
	color: #3EB1C8;
	font-weight: bold;
	text-decoration: none;

	}

.testclass  {
	color: black;
	text-decoration:none;
	
}



/*
#twitter {

border:1px solid #c9c9c9;
margin-top:20px;
}

#twitter_t {
width:352px;
height: 45px;
background:#CCE0F5;
color:#000;
font-size:22px;
font-family:Arial;
padding-top:5px;
padding-left:10px;
}


#twicon p {		
	width:36px;
	height:29px;
	float:left;
}

#twitter_t h4 {
	padding-left: 45px;
	padding-top: 3px;
}

#twitter_t h6 {
	padding-left: 45px;
	padding-top: 0px;
}



#twitter_m {
padding: 0 15px;
background:#F5F9FD;
}


#twitter_container {
min-height:45px;
height:auto !important;
height:40px;
padding-bottom:5px;
padding-top:5px;
}


#twitter_update_list {
padding: 0;
overflow: hidden;
font-family: Verdana;
font-size: 10px;
color: #31353d;
line-height: 14px;

margin-left:-13px;
background:#F5F9FD;
}


#twitter_update_list li {

list-style: none;
padding:10px;
border-bottom: dotted 1px #ccc;
font-weight:bold;
}


#twitter_update_list li a {
color:#0000FF;
text-decoration: none;
}


#twitter_update_list li a:hover {
color: #FF0000;
}


#twitter_b {
width:362px;
height: 15px;
background:#CCE0F5 ;
}
*/


/* end twitter feed */






#contact {
	border:1px #c9c9c9 solid;
	margin-top: 20px;
}


#contact h4 {
	font-size:22px;
	padding-top:10px;
	padding-left: 10px;
	padding-bottom:10px;
	border-bottom:1px #c9c9c9 solid;
	float:none;
	font-weight:bold;
}

#contact ul {
	font-size:18px;
	padding-top:10px;
	padding-left: 30px;
	padding-bottom:10px;
		
}

#footer {
/*--	background: white;   --*/
	padding-top: 10px;
	padding-bottom: 20px;
	color: #f5f5f5;  
	margin: 0px auto;
	width: 940px;
	float:inherit;
	text-align:center;
	text-decoration:none;

}
#footer img {
	border-width: 0px;
}
				

#footer p {
	font-size: 16px;
	padding-top: 15px;  
	color: #f5f5f5;  
	text-decoration:none;

}
#footer a {
	font-size: 16px;
	text-align:center;	
	color: #f5f5f5;  
	text-decoration:none;

}

#footer_links {
	font-size: 12px;
	text-align:center;	
	color: #f5f5f5;  
}

#footer_text {	
	text-align:right;	
	float:none;
		color: #f5f5f5;  

}

#footer_text img{	
}

#fdotlogo_btm {
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
}




#guide {
	float:left;
	padding:10px;
	padding-top:0px;
}


#guide p {
	padding-top:10px;
	padding-left:5px;
	font-size: 12px;
    color: #000000;
}

#countyridelist {
	position:absolute;
	z-index:5;
	padding: 10px 10px 10px 10px;
	margin-top:-400px;
	margin-left:60px;
	border:1px solid #c9c9c9;
	background-color:#F5E6F5;
}

#graph {
	padding-right:125px;
}
#tablerowtop {
	border: 4px groove #818181;
	margin-top: 2px;
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}
#head2frontpage   {
	font-size: 16px;
	color: #7f7f7f;
}
.contact {
	left: 750px;
	position: absolute;
	height: auto;
	width: 450px;
	top: 395px;
	float: right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

/* --- BUTTON STYLING --- */
.style6 {
/*		list-style-image: url('../images/sun-bullet.gif');   */
		list-style-image: url('../images/TealBullet.png');  
}
.style7 {
				font-size: large;
}
.style8 {
				margin-left: 20px;
}

#head7 {
	margin:0px; 
	padding:0px;
	text-align: right;
	color: #ffffff;
	font-size: 24px;
	font-weight:bold;
} 


			/* ---- BUTTONS---- */

#button-wrapper {
	margin: 0px 0;
	padding: 0px 0px;
	clear: both;
	text-align: center;
		}
		
/* ------- BUTTON Blue  ------- */

#buttonblue {
	background: #293E6B;
	border: 2px solid;
	border-color: #7F7F7F;
	height: 40px;
	width: 142px;
	margin: 5px 5px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 34px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonblue:hover {
	background: #EEEBAC;
	color: #001f38;	
}
	
#buttonblue2 {
	background: #293E6B;
	border: 2px solid;
	border-color: #7F7F7F;
	height: 40px;
	width: 142px;
	margin: 5px 3px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 18px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonblue2:hover {
	background: #EEEBAC;
	color: #001f38;	
}
#buttonblue3 {
	background: #B9E1D7;
	color: #0E3267;	
	border: 1px solid;
	border-color: #824098;
	height: 32px;
	width: 790px;
	margin: 5px 3px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 32px;
	padding-bottom: 3px;
	/* transition properties */
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonblue3:hover {
	background: #0E3267;
	color: #ffffff;	
	font-size: 18px;

}
#bannerbuttonyellow {
	background: #FAF7B0;
	color: #0E3267;	
	border: 1px solid;
	border-color: #824098;
	height: 32px;
	width: 790px;
	margin: 5px 3px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 32px;
	padding-bottom: 3px;
	/* transition properties */
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#bannerbuttonyellow:hover {
	background: #0E3267;
	color: #ffffff;	
	font-size: 18px;

}

/* ------- BUTTON grey  ------- */

#buttongrey {
	background: #7F7F7F;  
	border: 2px solid;
	border-color: #293E6B;
	height: 40px;
	width: 142px;
	margin: 5px 3px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 34px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttongrey:hover {
	background: #EEEBAC;
	color: #001f38;	
}
	
#buttongrey2 {
	background: #7F7F7F;
	border: 2px solid;
	border-color: #293E6B;
	height: 40px;
	width: 142px;
	margin: 5px 3px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 17px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttongrey2:hover {
	background: #EEEBAC;
	color: #001f38;	
}
/* ------- BUTTON green  ------- */
#buttongreen {
	background: #009933;
	border: 2px solid;
	border-color: #293E6B;
	height: 40px;
	width: 142px;
	margin: 5px 5px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 38px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttongreen:hover {
	background: #EEEBAC;
	color: #001f38;	
}
#buttongreen2 {
	background: #009933;
	border: 2px solid;
	border-color: #293E6B;
	height: 40px;
	width: 142px;
	margin: 5px 5px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 17px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttongreen2:hover {
	background: #EEEBAC;
	color: #001f38;	
}
/* ------- BUTTON Aqua  ------- */
#buttonAqua {
	background: #1E7B8A;
	border: 2px solid;
	border-color: #293E6B;
	height: 40px;
	width: 142px;
	margin: 5px 5px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 38px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonAqua:hover {
	background: #EEEBAC;
	color: #001f38;	
}
#buttonAqua2 {
	background: #1E7B8A;
	border: 2px solid;
	border-color: #293E6B;
	height: 40px;
	width: 142px;
	margin: 5px 5px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-weight: bolder;
	font-size: 16px;
	vertical-align: middle;
	line-height: 17px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonAqua2:hover {
	background: #EEEBAC;
	color: #001f38;	
}

/* ------- BUTTON Orange  ------- */
#buttonOrange {
	background: #f37601;
	border: 2px solid;
	border-color: #293E6B;
	height: 40px;
	width: 142px;
	margin: 5px 5px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 38px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonOrange:hover {
	background: #EEEBAC;
	color: #001f38;	
}
#buttonOrange2 {
	background: #f37601;
	border: 2px solid;
	border-color: #293E6B;
	height: 40px;
	width: 142px;
	margin: 5px 5px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 17px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonOrange2:hover {
	background: #EEEBAC;
	color: #001f38;	
}
#buttonOrange3 {
	background: #f37601;
	border: 2px solid;
	border-color: #ffc000;
	height: 66px;
	width: 160px;
	margin: 5px 5px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 20px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonOrange3:hover {
	background: #EEEBAC;
	color: #001f38;	
}


/* ------- BUTTON Yella  ------- */
#buttonYella {
	background: #ffc000;
	border: 2px solid;
	border-color: #293E6B;
	height: 40px;
	width: 142px;
	margin: 5px 5px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 38px;
	/* transition properties */
	color: #001f38;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonYella:hover {
	background: #EEEBAC;
	color: #001f38;	
}
#buttonYella2 {
	background: #ffc000;
	border: 2px solid;
	border-color: #293E6B;
	height: 40px;
	width: 142px;
	margin: 5px 5px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 17px;
	/* transition properties */
	color: #001f38;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonYella2:hover {
	background: #EEEBAC;
	color: #001f38;	
}

/* ------- BUTTON Purple  ------- */
#buttonPurp {
	background: #663399;
	border: 2px solid;
	border-color: #293E6B;
	height: 50px;
	width: 135px;
	margin: 5px 5px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 45px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonPurp:hover {
	background: #EEEBAC;
	color: #001f38;	
}
#buttonPurp2 {
	background: #663399;
	border: 2px solid;
	border-color: #293E6B;
	height: 50px;
	width: 135px;
	margin: 5px 5px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 22px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonPurp2:hover {
	background: #EEEBAC;
	color: #001f38;	
}
#buttonPurp3 {
	background: #663399;
	border: 2px solid;
	border-color: #293E6B;
	height: 50px;
	width: 135px;
	margin: 5px 5px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 16px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonPurp3:hover {
	background: #EEEBAC;
	color: #001f38;	
}


#buttonPurpA {
	background: #663399;
	border: 2px solid;
	border-color: #293E6B;
	height: 70px;
	width: 335px;
	margin: 5px 5px;
	border-radius: 20px;
	text-decoration: none;
	text-align: center;
	font-size: 22px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 70px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonPurpA:hover {
	background: #d1c1e0;
	color: #001f38;	
}

#buttonPurpB {
	background: #663399;
	border: 2px solid;
	border-color: #293E6B;
	height: 50px;
	width: 200px;
	margin: 5px 5px;
	border-radius: 15px;
	text-decoration: none;
	text-align: center;
	font-size: 22px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 50px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonPurpB:hover {
	background: #d1c1e0;
	color: #001f38;	
}


/* ------- BUTTON Family  ------- */
#buttonFamily {
	background: #009999;
	border: 2px solid;
	border-color: #293E6B;
	height: 40px;
	width: 142px;
	margin: 5px 5px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 38px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonFamily:hover {
	background: #EEEBAC;
	color: #001f38;	
}
#buttonFamily2 {
	background: #009999;
	border: 2px solid;
	border-color: #293E6B;
	height: 40px;
	width: 142px;
	margin: 5px 5px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 17px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonFamily2:hover {
	background: #EEEBAC;
	color: #001f38;	
}

/* ------- BUTTON drop down 1 line  ------- */
/*resources*/

#buttonDrop {
	background: #009999;
	border: 2px solid;
	border-color: #293E6B;
	height: 40px;
	width: 142px;
	margin: 0px 5px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	line-height: 38px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
	list-style: none;
}



#buttonDrop ul {
    font-family: Arial, Verdana;
    font-size: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#buttonDrop ul li {
    display: block;
    position: relative;
    float: left;
}

#buttonDrop li ul {
    display: none;
}

#buttonDrop ul li a {
    display:  block;
    text-decoration: none;
    color: #001f38;
    border-top: 1px solid white;
    padding: 3px 3px 3px 3px;
    background: #EEEBAC;
    margin-left: 1px;
}

/*#resources ul li a:hover {
background: #009999;
}*/

#buttonDrop li:hover ul {
    display: block;
    position: absolute;
    color:#001f38;
    float: left;
}

#buttonDrop li:hover li {
    float: none;
    font-size: 14px;
	text-align: left;
}

#buttonDrop li:hover a { 
	background: #EEEBAC; /*change this color - it is the background when hovered over */
	color: #001f38;
	text-align: left;
}

#buttonDrop li:hover li a:hover {
    background: #EEEBAC; /*change this color - it is the background when the link is hovered over */
    color:#001f38;
	float: none;
    font-size: 14px;
   	text-align: left;


}

/*end resources*/


/* ------- BUTTON Red  ------- */
#buttonRed {
	background: #C13832;
	border: 2px solid;
	border-color: #293E6B;
	height: 50px;
	width: 135px;
	margin: 5px 5px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 48px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonRed:hover {
	background: #EEEBAC;
	color: #293E6B;	
}
#buttonRed2 {
	background: #C13832;
	border: 2px solid;
	border-color: #293E6B;
	height: 50px;
	width: 135px;
	margin: 5px 5px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 20px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonRed2:hover {
	background: #EEEBAC;
	color: #293E6B;	
}
#buttonRed3 {
	background: #C13832;
	border: 2px solid;
	border-color: #293E6B;
	height: 50px;
	width: 135px;
	margin: 5px 5px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 16px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonRed3:hover {
	background: #EEEBAC;
	color: #293E6B;	
}




.bluetextbox {
				background-color: #d3e4df;
				border: thin inset #ececec;
				padding: 5px 5px 5px 5px;
}


.bluebox {
				background-color: #a5e4e8;
				border: #df2011 solid medium;
				padding: 15px 15px 15px 15px;
				margin: 15px 15px 15px 15px;
				line-height: 24px;
				text-align: center;
				font-size: 18px;

				
}
.redbox {
				background-color: ;
				width: 800px;
				border: thin inset #C13832;
				padding: 5px 5px 5px 5px;
}

.infobox {
				background-color: #B8F3FD;
				border: #c13832 solid thin;
				padding: 5px 23px 5px 10px;
				margin: 10px 0px 10px 30px;
				line-height: 1.0;
				text-align: center;
				font-size: 16px;
				width: 25%;
				float: right;
				
				
}
#infobox {
	background-color: #B8F3FD;
	border: #c13832 solid thin;
	padding: 5px 23px 5px 0px;
	margin: 10px 0px 10px 30px;
	text-align: center;
	line-height: 1.0;
	font-size: 16px;
	width: 25%;
	float: right;
	
	
}
#infobox ul {
	font-size: 14px;
	list-style: square;
	text-align: left;
	
}

















.quoteboxCenter {
				background-color: ;
				border: #86b300 1px solid;
				border-radius: 15px;
				text-align: center;
				padding: 10px 10px 10px 10px ;
				line-height: 28px;
				font-size: 18px;
				width: 50%;
				margin-left: auto;
				margin-right: auto;

}
.quotebox {
				background-color: ;
				border: #86b300 1px solid;
				border-radius: 10px;
				text-align: center;
				padding: ;
				line-height: 28px;
				font-size: 18px;
				width: 50%;
				padding: 25px;

}
.shadow-gray {
	box-shadow: 10px 10px 5px grey;


}


.psabox {
    border: 2px solid;
    padding: 1em;
    margin: 1em 0;
				background-color: #f8f8f8;
				border-color: #3980b6;
				width: 800px;

				
				
}
.buttonMac {
	background: rgb(238, 227, 74);
	border: none;
	border-color: #293E6B;
	height: 50px;
	width: 225px;
	margin: 5px 5px;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 47px;
	/* transition properties */
	color: #001f38;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
.buttonMac:hover {
	background: #EEEBAC;
	color: #001f38;	
}
.buttonMac2 {
	background: rgb(238, 227, 74);
	border: none;
	border-color: #293E6B;
	height: 50px;
	width: 225px;
	margin: 5px 5px;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 23px;
	/* transition properties */
	color: #001f38;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
.buttonMac2:hover {
	background: #EEEBAC;
	color: #001f38;	
}

.buttonWin {
	background: #C13832;
	border: none;
	border-color: #293E6B;
	height: 50px;
	width: 225px;
	margin: 5px 5px;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 47px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
.buttonWin:hover {
	background: #EEEBAC;
	color: #001f38;	
}
.buttonWin2 {
	background: #C13832;
	border: none;
	border-color: #293E6B;
	height: 50px;
	width: 225px;
	margin: 5px 5px;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 23px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
.buttonWin2:hover {
	background: #EEEBAC;
	color: #001f38;	
}



.buttonPDF {
	background: #05BCD9;
	border: none;
	border-color: #293E6B;
	height: 50px;
	width: 225px;
	margin: 5px 5px;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 47px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
.buttonPDF:hover {
	background: #EEEBAC;
	color: #001f38;	
}
.buttonEbook {
	background: #0E3267;
	border: none;
	border-color: #293E6B;
	height: 50px;
	width: 225px;
	margin: 5px 5px;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 47px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
.buttonEbook:hover {
	background: #EEEBAC;
	color: #001f38;	
}
#buttonMail {
	background: #006600;
	border: none;
	border-color: #293E6B;
	height: 50px;
	width: 225px;
	margin: 5px 5px;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 47px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonMail:hover {
	background: #EEEBAC;
	color: #001f38;	
}
/* ------- BUTTON Clinician  ------- */
#buttonClinician {
	background: #009999;
	border: 2px solid;
	border-color: #293E6B;
	height: 40px;
	width: 142px;
	margin: 5px 5px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 38px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonClinician:hover {
	background: #EEEBAC;
	color: #001f38;	
}
#buttonClinician2 {
	background: #009999;
	border: 2px solid;
	border-color: #293E6B;
	height: 90px;
	width: 242px;
	margin: 5px 5px;
	border-radius: 15px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 17px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonClinician2:hover {
	background: #EEEBAC;
	color: #001f38;	
}

#grad1 {
	height: 600px;
	background: linear-gradient(#c2f0f0, #ffffff);
	}
	
	
.centertext  {
	text-align: center !important;
}


.imageborder {
				border-style: solid;
				border-width: 2px;
				border-color:gray;
				margin: 12px 12px;
}

#buttonDownload {
	background-color: #C13832;
	border: 1px solid black;
	text-decoration: none;
    text-align: center;
	vertical-align: middle;
    height: 80px;
	width: 250px  ;
	border-radius: 15px;
	margin: 0 auto;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: normal;
	line-height: 24px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}

#buttonDownload:hover {
	background: #EEE88D;
	color: #001f38;	
}









.sub-container{
    border: 1px solid #f8f8f8;
    padding: 1em;
    margin: 1em 0;
    overflow: hidden;
}

.sub-container > .sub-container:last-of-type{
    margin-bottom: 0;
}

.sub-container img{
    width: 100%;
    display: block;
}

#content .sub-container p:first-of-type{
    padding-top: 0;
    margin: 0;
}
#content .sub-container p:last-of-type{
    padding-bottom: 0;
    margin: 0;
}

.sub-container.alert-message{
    border-width: 2px;
    border-color: rgba(12, 110, 184, 0.8);
    background-color: rgba(12, 110, 184, 0.2);
}


audio{
    margin: 1em 0;
    width: 100%;
}
video{
    margin: 0 auto;
    display: block;
}
















/*

#content table {
    width: 100%;
}
#content table tr th{
    padding: .5em;
    background-color: #f8f8f8;
}
#content table.cw-2 th{ width: calc(100% / 2); }
#content table.cw-3 th{ width: calc(100% / 3); }
#content table.cw-4 th{ width: calc(100% / 4); }
#content table.cw-5 th{ width: calc(100% / 5); }

#content table tr td{
    padding: 1em;
}
#content table tr td:hover{
    background-color: #eee;
}
#content table tr td:not(:last-of-type){
    border-right: 1px solid #eee;
}


		*/
		
		
#social-links .row{
    border-radius: .25em;
}
#social-links a.sl{
    color: #444;
    background: #f8f8f8;
    line-height: 2.5em;
}
#social-links a.sl.sl-f     {color:#3b5998;}
#social-links a.sl.sl-t     {color:#00b6f1;}
#social-links a.sl.sl-p     {color:#cb2027;}
#social-links a.sl.sl-wp    {color:#333;}
#social-links a.sl.sl-yt    {color:#ff0000;}
#social-links a.sl.sl-i     {color:#c32aa3;}

#social-links a.sl.sl-f:hover   {color: #fff; background-color:#3b5998;}
#social-links a.sl.sl-t:hover   {color: #fff; background-color:#00b6f1;}
#social-links a.sl.sl-p:hover   {color: #fff; background-color:#cb2027;}
#social-links a.sl.sl-wp:hover  {color: #fff; background-color:#333;}
#social-links a.sl.sl-yt:hover  {color: #fff; background-color:#ff0000;}
#social-links a.sl.sl-i:hover   {color: #fff; background-color:#c32aa3;}

#social-links a.sl:hover i{
    transform: scale(1.2);
    text-shadow: 0 0 5px rgba(0,0,0,.1);
}

table.va-t td{ vertical-align: top !important; }

.full-width{
    width: 100%;
}

.half-width{
    width: 50%;
}

.font-small     {font-size: .9em !important;}
.font-smaller   {font-size: .8em !important;}


.font-light{ color: #ccc;}
.font-primary{ color: #0c6db8;}
.font-secondary{ color: #0cb8ad;}
.font-red{ color: #ec6d6d;}
.font-yellow{ color: #e7b717;}
.font-darkblue{ color: #3b5998;}


.fs-3{
    font-size: 3em;
}
.lh-3{
    line-height: 3em;
}
.row{
    display: block;
    overflow: hidden;
}

.alternate-row > .row:nth-last-of-type(2n){
    background-color: #f8f8f8;
}

.col-1{
    display: block;
    float: left;
    overflow: hidden;
}

.col-2{
    display: block;
    float: left;
    overflow: hidden;
}

.col-3{
    display: block;
    float: left;
    overflow: hidden;
}

.col-4{
    display: block;
    float: left;
    overflow: hidden;
}

.col-5{
    display: block;
    float: left;
    overflow: hidden;
}

.col-6{
    display: block;
    float: left;
    overflow: hidden;
}

.col-8{
    display: block;
    float: left;
    overflow: hidden;
}

.col-10{
    display: block;
    float: left;
    overflow: hidden;
}

.col-12{
    display: block;
    float: left;
    overflow: hidden;
}
.col-5{
    width: 20%;
}
.col-2{
    width: calc(100% / 6);
}
.col-4{
    /* width: calc(100% / 3); */
    width: 33.33333333333%;
}
    width: 33.33333333333%;
}
.col-6{
    width: calc(50%);
}
.col-10{
    width: calc(100% - (100% / 6))
}

.d-block{display: block !important;}
.b-0{border: 0 !important;}
.b-1{border: 1px solid #f8f8f8;}
.b-2{border: 2px solid #f8f8f8;}
.bt-1{border-top: 1px solid #f8f8f8;}
.bt-2{border-top: 2px solid #f8f8f8;}
.bb-1{border-bottom: 1px solid #f8f8f8;}
.bb-2{border-bottom: 2px solid #f8f8f8;}
.br-1{border-radius: .25em;}
.br-2{border-radius: .5em;}
.br-3{border-radius: .75em;}
.br-4{border-radius: 1em;}

.pt-0{padding-top: 0em !important;}
.pb-0{padding-bottom: 0em !important;}
.pl-0{padding-left: 0em !important;}
.pr-0{padding-right: 0em !important;}

.p-0{padding: 0 !important;}
.p-025{padding: .25em !important;}
.p-05{padding: .5em !important;}
.p-1{padding: 1em !important;}
.pt-1{padding-top: 1em !important;}
.pb-1{padding-bottom: 1em !important;}
.pl-1{padding-left: 1em !important;}
.pr-1{padding-right: 1em !important;}

.ph-1{padding-top: 1em !important;padding-bottom: 1em !important;}
.pw-1{padding-left: 1em !important;padding-right: 1em !important;}
.ph-2{padding-top: 2em !important;padding-bottom: 2em !important;}
.pw-2{padding-left: 2em !important;padding-right: 2em !important;}
.ph-3{padding-top: 3em !important;padding-bottom: 3em !important;}
.pw-3{padding-left: 3em !important;padding-right: 3em !important;}

.pt-05{padding-top: .5em !important;}
.pb-05{padding-bottom: .5em !important;}
.pl-05{padding-left: .5em !important;}
.pr-05{padding-right: .5em !important;}

.ph-05{padding-top: .5em !important;padding-bottom: .5em !important;}
.pw-05{padding-left: .5em !important;padding-right: .5em !important;}

.mr-0{margin-right: 0em !important;}
.ml-0{margin-left: 0em !important;}
.mt-0{margin-top: 0em !important;}
.mb-0{margin-bottom: 0em !important;}

.mr-05{margin-right: .5em !important;}
.ml-05{margin-left: .5em !important;}
.mt-05{margin-top: .5em !important;}
.mb-05{margin-bottom: .5em !important;}

.mr-1{margin-right: 1em !important;}
.ml-1{margin-left: 1em !important;}
.mt-1{margin-top: 1em !important;}
.mb-1{margin-bottom: 1em !important;}
.m-0{margin: 0 !important;}
.m-025{margin: .25em !important;}
.m-05{margin: .5em !important;}
.m-1{margin: 1em !important;}

.m-auto{ margin: auto !important; }

.ta-c{text-align: center !important;}

.color-white { color: #ffffff; }

.bg-white       { background-color: #ffffff; }
.bg-light       { background-color: #f8f8f8; }
.bg-lightgrey   { background-color: #eeeeee; }
.bg-alert       { background-color: #ffed91; }
.bg-blue        { background-color: #0c6db8; }
.bg-lightblue   { background-color: #3980b6; }

.border-grey        { border-color: #CCCCCC; }
.border-darkgrey    { border-color: #aaaaaa; }
.border-blue        { border-color: #0c6db8; }
.border-lightblue   { border-color: #3980b6; }
.border-green       { border-color: #23e0d4; }
.border-red         { border-color: #ec6d6d; }
.border-yellow      { border-color: #ffed91; }


/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}


/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}


/* ------- exciting text  ------- */
#excitingtext {
	height: 50px;
	width: 700px;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	font-weight: bolder;
	vertical-align: middle;
	line-height: 50px;
	/* transition properties */
	color: #FFFFFF;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#excitingtext:hover {
	background: rgb(185, 185, 179);
	color: #C13832;	
}

#buttonReg {
	background: #86CDC6;
	border: 1px solid;
	border-color: #0D9B8C;
	height: 30px;
	width: 155px;
	margin: 5px 5px;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	vertical-align: middle;
	line-height: 30px;
	/* transition properties */
	color: #000000;
	transition-property: border-color, #204F81;
	transition-duration: 0.1s;
	transition-timing-function: linear;
	transition-delay: 0;
	display: inline-block;
}
#buttonReg:hover {
	background: #C13832;
	color: #FFFFFF;	
}

.overlay {

	position: absolute;
	bottom: 0px;
	background: rgb(0, 0, 0); /* Fallback color */
	background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
	font: #ffffff;
	font-size: x-large;
	font-family: Arial;
	font-size: 17px;
	width: 20%;
	padding: 20px;
  }
  
/* tns controls */
.tns-outer [aria-controls] {
	
    background: #009999;
    border: 2px solid;
    border-color: #293E6B;
    height: 30px;
    width:60px;
    margin: 5px 5px;
    border-radius: 10px;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-weight: bolder;
    color: #FFFFFF;
    display: inline-block;
}

.tns-outer [aria-controls]:focus {
	outline:none;
}

.tns-controls {
	margin-top: 10px;
	text-align: center;
}

.tns-controls:focus {
	outline:none;
	
}

/* ODSAW2020 CSS */

.odsaw-table {
	font-size: 18px;
    color: #000000;
    border: 1px solid; 
    padding: 5px;
    width:33%
}
.td-border {
	text-align: left;
	border: 1px dashed #B8DAD0;
	line-height: 18px;
}

/* Resource Page */

.rc-table-container {
	width:100%;
	border-spacing: 5px;
}
.content-box {
	height: 500px;
	background:#F1EB9C;
	text-align:center;
	padding: 20px;
	border-radius: 25px;
	vertical-align:top;
	position:relative;
	width:33%
}

.content-box.size-s{
	height:inherit;
	width:25%;
	padding:10px;
}

.content-box.size-m{
	height:inherit;
	padding:10px;
}

.content-box.size-m iframe{
	width:100%;
	height:240px;
}

.content-box.size-s .content img {
	max-width:175px;
}

.content-box h1 {
	font-size: 20px !important;
	margin-bottom:15px;
}

.content-box img {
	max-height: 400px;
	max-width:250px;
}

.content-box .hovertooltip {
	opacity:0;
	transition: opacity .25s ease-in-out;
	position:absolute;
    background: rgba(241, 235, 156, 1);
    height:100%;
    top:0;
    border-radius:25px;  
    left:0
}

.content-box.bg-grey .hovertooltip{
	background:#d1cece;
}

.content-box .hovertooltip .tooltip {
    padding:0 25px;
    transform: translateY(-50%);
    top: 50%;
    position:relative;
}

.content-box .hovertooltip .tooltip p{
    font-size: 20px!important;
    text-align:center!important;

}

.content-box .hovertooltip:hover {
	opacity:1;
}

.collapsible {
	background: #F1EB9C;
	padding-bottom:0 !important;
	padding:10px !important;
	cursor :pointer;
	margin: 10px 0;
}

.collapsible.active {
	background:#009999;
	color: white !important;
}

.collapsible.active img{
	transform:rotate(0deg);
}

.collapsible-content {
	display: none;
}

.collapsible img {
	float: right;
	margin-top: 5px;
	transform: rotate(270deg);
}
.collapsible-content li{
	margin:5px 0;
}